import styled from 'styled-components'

export let HomeNavStyled = styled.div`
    width:100%;
    height:0.25rem;
    background:url('http://static.jiudoujishi.com/akRkgdp9luZjt5R4cep5owlJg5USl8XSejnBWP8S.png') 0% 0% / 100% 100% no-repeat;
    box-sizing:border-box;
    padding:0 0.15rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    .wrapper{
        width:3.15rem;
        height:0.25rem;
        overflow:auto;
        .item{
            white-space:nowrap;
            span{
                color:#fff;
                font-size:0.12rem;
                display:inline-block;
                width:0.72rem;
                height:0.18rem;
                line-height:0.18rem;
                text-align:center;
                margin-right:0.08rem;
                border-radius:0.18rem;
                background:#d3070b;
            }
            span:first-child{
                background:transparent;
            }
        }
    }
    i{
        color:#fff;
        font-size:0.14rem;  
    }

`